<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>一加官网</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="shortcut icon" type="yijia.ico" href="yijia.ico" />
		<link rel="stylesheet" type="text/css" href="css/css3.css" />
		<link rel="stylesheet" type="text/css" href="swiper.min.css" />
	</head>

	<body>
		
		<div class="wenjuan">
		<h3>用户反馈</h3>
		<img src="img/tc_close.png" />
		<div class="wenjuanl">
			<textarea type="text" placeholder="希望得到对您网页设计及用户体验方面的反馈，感谢。"></textarea>
			<p>提醒：请勿输入您的隐私信息，如账号密码等。</p>
			<button>提&nbsp;&nbsp;&nbsp;&nbsp;交</button>
		</div>
	</div>
	<div class="box-d">
		<div class="boxd">
			<div class="boxs">
				<img src="img/wenjuan.png" />
			</div>
			<div class="boxa">
				<img src="img/Telephone.png" />
				<p id="lajij">400-888-1111</p>
			</div>
			<div class="box">
				<img src="img/top_bg_01_02.gif" />
			</div>
			<a href="javascript:;" id="btn" title="返回顶部"></a>
		</div>
	</div>
		
		<nav>
			<div class="container">
				<div class="nav">
					<ul class="nav-logo">
						<li>
							<a href="index.html"></a>
						</li>
					</ul>
					<span class="nav-btn">展开</span>
					<ul class="nav-daohang">
						<li>
							<a href="">OnePlus 7 Pro</a>
						</li>
						<li>
							<a href="">OnePlus 7</a>
						</li>
						<li>
							<a href="" id="sahng">商城</a>
						</li>
						<li>
							<a href="">品牌</a>
						</li>
						<li>
							<a href="index2.html">服务</a>
						</li>
						<li>
							<a href="">论坛</a>
						</li>
						<li>
							<a href="">零售店</a>
						</li>
					</ul>
					<ul class="nav-right">
						<li>
							<a href="javascript:;" id="geren"><i></i></a>
						</li>
						<li>
							<a href="javascript:;" id="gouwu"><i></i></a>
						</li>
						<li>
							<a href="javascript:;" class="nav-right-sosuo"><i></i></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="shang">
				<ul>
					<li>
						<a href=""><i></i>
							<p>手机</p>
						</a>
					</li>
					<li>
						<a href=""><i></i>
							<p>耳机</p>
						</a>
					</li>
					<li>
						<a href=""><i></i>
							<p>壳/膜</p>
						</a>
					</li>
					<li>
						<a href=""><i></i>
							<p>适配器/数据线</p>
						</a>
					</li>
					<li>
						<a href=""><i></i>
							<p>套装</p>
						</a>
					</li>
					<li>
						<a href=""><i></i>
							<p>生活馆</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="grern">
				<ul>
					<li>
						<a href="">订单</a>
					</li>
					<li>
						<a href="">账户</a>
					</li>
					<li>
						<a href="">推荐有礼</a>
					</li>
					<p>
						<a href="">登录</a>
					</p>
				</ul>
			</div>
			<div class="gouwu">
				<div class="shangpin">
					<p>您的购物车里没有商品</p>
				</div>
				<div class="lll">
					<div class="lle"></div>
					<a href=""><span>去购物</span></a>
				</div>
			</div>

			<div class="search">
				<form>
					<i class="so"></i>
					<input type="text" value="" placeholder="搜索商品名称" />
					<label for="header-search" class="cha"></label>
				</form>
				<ul>
					<li>
						<a href="">一加银耳2T</a>
					</li>
					<li>
						<a href="">一加手机6T 3D钢化玻璃保护膜 （黑色）</a>
					</li>
					<li>
						<a href="">一加手机6T 芳纶纤维全包保护壳</a>
					</li>
					<li>
						<a href="">OnePlus6T 硅胶保护壳（红色）</a>
					</li>
				</ul>
			</div>
		</nav>

		<div class="video">
			<video autoplay="" loop="" muted="" class="video-wrap" poster="https://image01.oneplus.cn/shop/201906/03/1908/0774f31d961f6c4f8412c7f115bb1587.jpg">
				<source src="https://statics.oneplus.cn/ov/assets/images/18801-explore/kv/pc/brand_Robert.mp4" type="video/mp4">
			</video>
			<div class="title">
				<div class="title-lie">
					<h3>Never Settle</h3>
					<p>克制成就伟大，简单而笃定。目标明确，保持专注和远见......Never <br /> Settle 不单单是一句口号，而是不断追求做更好的自己。</p>
				</div>

			</div>
			<div class="tein" onclick="de()">
				<a href="javascript:;"><i class="media-icon"></i></a>
				<a href="javascript:void(0);" class="video-link">观看视频 &gt;&gt; </a>
			</div>
			<div class="chuang">
				<div class="chuangko">
					<video loop="" controls autoplay>
						<source src="brand_Robert.mp4" type="video/mp4" />
					</video>
					<i id="cha" onclick="de()"></i>
				</div>
			</div>
		</div>

		<div class="story">
			<div class="syory-left">
				<div class="con">
					<div class="con-left">
						<h1>一部旗舰的 <br />里程碑</h1>
						<div class="tiler">
							<div class="tiler-cn"></div>
							<p>市场表现惊艳，<br />媒体好评连连。</p>
						</div>
						<p class="title1">OnePlus 6T 美国首日销量比 OnePlus 6 高出 86％</p>
						<a href="" class="bbas">了解更多</a>
					</div>
				</div>
			</div>
			<div class="syory-cnter">
				<div class="con">
					<div class="con-cnter">
						<h1>一个品牌的 <br />不凡成就</h1>
						<div class="tiler">
							<div class="tiler-cn"></div>
							<p>不到五年，用户普遍全球，<br />屡获殊荣。</p>
						</div>
						<p class="title1">9款旗舰，遍布全球38个国家和地区。</p>
						<a href="" class="bbas">了解更多</a>
					</div>
				</div>
			</div>
			<div class="syory-right">
				<div class="con">
					<div class="con-right">
						<h1>谢谢你 <br />加油</h1>
						<div class="tiler">
							<div class="tiler-cn"></div>
							<p>打开耳朵，<br />也让我们敞开心扉。</p>
						</div>
						<p class="title1">11个国家，26个城市，超过20,000位加油，参加了Pop-up活动。</p>
						<a class="bbas" href="">了解更多</a>
					</div>
				</div>
			</div>
		</div>
	

		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide" style="background-image:url(img/b8c6ac4b25b2be0791fba19e871c6083.jpg)">
					<div class="shaoen">
						<h4>OnePlus 6T 迈凯伦定制版</h4>
						<p>迈凯伦是世界上最快的赛车之一，手机中的 OnePlus <br /> 也是速度的代表。对速度的追求与热爱，对产品的专 <br />注和专研精神，是双方战略合作的原点。</p>
					</div>
				</div>
				<div class="swiper-slide" style="background-image:url(img/b4b240df6c2a7816c7b3236e54d0a4f6.jpg)">
					<div class="shaoen">
						<h4>OnePlus 6 漫威复仇者联盟限量版</h4>
						<p>10 年漫威，早在无数人心中，打下了英雄的烙印。OnePlus 6 漫威复仇者联盟限量版，以全速旗舰，致敬我们喜爱的漫威英雄。</p>
					</div>
				</div>
				<div class="swiper-slide" style="background-image:url(img/starwars.jpg)">
					<div class="shaoen">
						<h4>OnePlus 5T Star Wars 砂岩白限量版（印度、北欧）</h4>
						<p>它是科幻电影的开山鼻祖，影响了世界无数的科幻迷。如今，Star Wars 再开先河，与 OnePlus 一起，共同为“星战迷”献上惊艳之作。</p>
					</div>
				</div>
				<div class="swiper-slide" style="background-image:url(img/colette.jpg)">
					<div class="shaoen">
						<h4>OnePlus 5 JCC+ 定制版</h4>
						<p>Jean-Charles de Castelbajac 是世界知名的法国艺术大师，曾被纽约时报誉为“反流行教父”。此次联名，是一次科技与艺术的美妙结合。</p>
					</div>
				</div>
				<div class="swiper-slide" style="background-image:url(img/one.jpg)">
					<div class="shaoen">
						<h4>OnePlus 3T colette 20 周年定制版</h4>
						<p>colette 是巴黎乃至于全世界的流行指标，在 colette 20 周年，两个品牌再一次跨越科技与时尚的边界，联名推出纪念之作。</p>
					</div>
				</div>
				<div class="swiper-slide" style="background-image:url(img/jbl.jpg)">
					<div class="shaoen">
						<h4>OnePlus 2 ONE 限量版</h4>
						<p>复杂世界里，一个就够了。OnePlus 2 与 ONE·一个 App 携手，在不那么合拍的世界里，一拍即合。</p>
					</div>
				</div>
			</div>
			<div class="swiper-pagination swiper-pagination-white"></div>

			<div class="swiper-button-next swiper-button-white"></div>
			<div class="swiper-button-prev swiper-button-white"></div>

		</div>

		
		

		<div class="yijia">
			<ul>
				<li>
					<h4>博客</h4>
					<a href="">了解更多</a>
				</li>
				<li>
					<h4>加入一加</h4>
					<a href="">了解跟多</a>
				</li>
				<li>
					<h4>联系我们</h4>
					<a href="">了解更多</a>
				</li>
			</ul>
		</div>

		<div class="footer">
			<div class="container">
				<div class="footer-nav">
					<dl>
						<dt>一加产品</dt>
						<dd>
							<ul>
								<li>
									<a href="">OnePlus 7 Pro</a>
								</li>
								<li>
									<a href="">OnePlus 7</a>
								</li>
								<li>
									<a href="">OnePlus 6T</a>
								</li>
								<li>
									<a href="">OnePlus 6</a>
								</li>
								<li>
									<a href="">OnePlus 5T</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt>热门活动</dt>
						<dd>
							<ul>
								<li>
									<a href="">推荐有礼</a>
								</li>
								<li>
									<a href="">以旧换新</a>
								</li>
								<li>
									<a href="">Shot on OnePlus</a>
								</li>
								<li>
									<a href="">邀请码购买</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt>关于一加</dt>
						<dd>
							<ul>
								<li>
									<a href="">了解一加</a>
								</li>
								<li>
									<a href="">加入一加</a>
								</li>
								<li>
									<a href="">H2OS</a>
								</li>
								<li>
									<a href="">云服务</a>
								</li>
								<li>
									<a href="">预置应用公式</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt>服务支持</dt>
						<dd>
							<ul>
								<li>
									<a href="">购买帮助</a>
								</li>
								<li>
									<a href="">用户手册</a>
								</li>
								<li>
									<a href="">寄修服务</a>
								</li>
								<li>
									<a href="">服务中心</a>
								</li>
								<li>
									<a href="">联系我们</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<div class="text-cn">
							<a href=""><i></i>400-888-1111</a>
							<div class="bot">
								<div class="bot-yi"></div>
								<a href="">在线客服</a>
							</div>
							<p>周一至周日 9:00-22:00</p>
							<p class="deee">
								<a href=""><i></i></a>
								<a href=""><i></i></a>
							</p>
						</div>
					</dl>
				</div>
				<div class="text-neir">
					<div class="jjj"><i></i>中国( 简体中文/CNY )</div>
					<ul>
						<li>
							<a href="">隐私政策</a>
						</li>
						<li>
							<a href="">用户协议</a>
						</li>
						<li>
							<a href="">竞赛规则</a>
						</li>
						<li>
							<a href="">知识产权政策</a>
						</li>
						<li>
							<a href="">安全问题反馈</a>
						</li>
						<li>
							<a href="">站点地图</a>
						</li>
					</ul>
				</div>
				<div class="text-nbar">
					<div class="nbar-ne">
						<p>© 2013-2019 OnePlus. All Rights Reserved.</p>
						<p>粤ICP备13080605号-4 | 备案主体编号:44201910955995</p>
						<a href=""><img src="img/badge.png" />粤公网安备 44030402001407号</a>
					</div>
					<div class="nbar-nn"><img src="img/51638e8fd2593c56856278feb794b506.png" /><img src="img/cnnic.png" /></div>
				</div>
			</div>
		</div>
		<script src="js/swiper.min.js"></script>
		<script src="js/js.js"></script>
		<script>
				var swiper = new Swiper('.swiper-container', {
		spaceBetween: 30,
		effect: 'fade',
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		}
	});
		</script>
	</body>

</html>